<!DOCTYPE html>
<html lang="en">
<head>
<title>岚氓个人服务器</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Client Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
	
	<!-- css files -->
    <link href="/css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
    <link href="/css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
    <link href="/css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
	<!-- //css files -->
	
	<!-- google fonts -->
	<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	<!-- //google fonts -->
	
</head>
<body>

<!-- header -->
<header>
	<nav class="navbar">
		<div class="container">
			<h1 class="wthree-logo">
				<a href="/index" id="logoLink"><i class="fa fa-adjust"></i> <span>岚</span>氓</a>
			</h1>

			<!-- menu -->
			<ul id="menu">
				<li>
					<input id="check02" type="checkbox" name="menu" />
					<label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
					<ul class="submenu">
						<li><a href="/resume" class="active">简历</a></li>
						<li><a href="http://www.lanmeng.ltd:8081/">增删改查</a></li>
						<li><a href="/index">3</a></li>
						<li><a href="/index">4</a></li>
						<li><a href="/index">5</a></li>
						<li><a href="/ai">我们的见证</a></li>
						<li><a href="/showcontact">7</a></li>
					</ul>
				</li>
			</ul>
			<!-- //menu -->

		</div>
	</nav>
</header>
<!-- //header -->

<!-- banner -->
<div id="home" class="banner-w3pvt d-flex">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 bnr-txt-w3pvt">
				<div class="bnr-w3pvt-txt mt-sm-5">
					<h6>欢迎来到岚氓的个人空间</h6>
					<h2>你好 <span>我是岚氓</span></h2>
					<h4>这个只是用来记录我的学习瞬间</h4>
					<p class="mt-4"> 下面是我提供的一个小游戏和我的git（码云）地址</p>
					<ul class="social_section_1info mt-4">
						<li class="mb-2 facebook"><a href="/tetris"><span class="fa fa-gamepad"></span></a></li>
						<li class="mb-2 twitter"><a href="https://gitee.com/lanmeng0119"><span class="fa fa-git"></span></a></li>
					</ul>
					<a href="#contact" class="scroll bnr-btn1">联系我</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //banner -->
	
<!-- about -->
<section class="about" id="about">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-5 p-0">
				<img src="/images/about.jpg" alt="" class="img-fluid" />
			</div>
			<div class="col-lg-6">
				<div class="about-right">
					<h4 class="main">个人简介</h4>
					<p>
						现就读于中原工学院，专业是软件工程。 主要学习了Java、数据结构、计算机网络等。
					</p>
					<div class="row mt-sm-5 mt-4 about-right-inner">
						<div class="col-sm-4 col-6 myphoto-sign text-center">
							<img src="/images/myphoto.jpg" alt="" class="img-fluid rounded-circle"/>
							<a href="#contact" class="scroll abt-btn">联系我</a>
						</div>
						<div class="col-sm-7 offset-lg-1">
							<h4>个人信息</h4>
							<p>我主修的是Java，熟练掌握<strong>mybatis框架，spring框架，springboot框架等</strong>。</p>
							<p>熟练掌握<strong>mysql数据库</strong>以及<strong>Oracle数据库</strong>。</p>

						</div>
					</div>
				</div>
			</div>
			<h3 class="position">About Me</h3>
		</div>
    </div>
</section>
<!-- //about -->

<!--&lt;!&ndash; services&ndash;&gt;-->
<!--<section class="services pt-5" id="services">-->
<!--	<div class="container py-lg-5">-->
<!--		<p class="paragraph">What I do for you</p>-->
<!--		<h3 class="heading mb-sm-5 mb-4">My Services</h3>-->
<!--		<div class="row">-->
<!--			<div class="col-lg-3 col-sm-6 mb-5">-->
<!--			   <div class="panel panel-default">-->
<!--				  <div class="panel-thumbnail">-->
<!--					<img src="images/s1.png" alt="" class="img-fluid" />-->
<!--					<h3>01</h3>-->
<!--					<h4 class="mt-3">Web Design</h4>-->
<!--					<p class="mt-3">Vivamus suscipit tortort eget felis porttitor elit volutpat. Mauris blandit aliquet elit dolor.</p>-->
<!--				  </div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-3 col-sm-6 mb-5">-->
<!--			   <div class="panel panel-default">-->
<!--				  <div class="panel-thumbnail">-->
<!--					<img src="images/s2.png" alt="" class="img-fluid" />-->
<!--					<h3>02</h3>-->
<!--					<h4 class="mt-3">App Developer</h4>-->
<!--					<p class="mt-3">Vivamus suscipit tortort eget felis porttitorit elit volutpat. Mauris blandit aliquet elit dolor.</p>-->
<!--				  </div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-3 col-sm-6 mb-5">-->
<!--			   <div class="panel panel-default">-->
<!--				  <div class="panel-thumbnail">-->
<!--					<img src="images/s3.png" alt="" class="img-fluid" />-->
<!--					<h3>03</h3>-->
<!--					<h4 class="mt-3">Photoshop</h4>-->
<!--					<p class="mt-3">Vivamus suscipit tortort eget felis porttitorit elit volutpat. Mauris blandit aliquet elit dolor.</p>-->
<!--				  </div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-3 col-sm-6 mb-5">-->
<!--				<div class="panel panel-default">-->
<!--				  <div class="panel-thumbnail">-->
<!--					<img src="images/s4.png" alt="" class="img-fluid" />-->
<!--					<h3>04</h3>-->
<!--					<h4 class="mt-3">Creative PSD</h4>-->
<!--					<p class="mt-3">Vivamus suscipit tortort eget felis porttitorit elit volutpat. Mauris blandit aliquet elit dolor.</p>-->
<!--				  </div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</section>-->
<!-- //services -->

<!-- process -->
<section class="experience py-5" id="experience">
	<div class="container py-3">
		<h3 class="heading mb-sm-5 mb-4">我的经验</h3>
		<div class="middile-inner-con">
			<div class="tab-main mx-auto">

				<input id="tab1" type="radio" name="tabs" checked>
				<label for="tab1"><img src="/images/aaa.png" alt="" class="img-fluid" />&nbsp&nbsp超市管理系统</label>

				<input id="tab2" type="radio" name="tabs">
				<label for="tab2"><img src="/images/s2.png" alt="" class="img-fluid" /> Company Name 2</label>

				<input id="tab3" type="radio" name="tabs">
				<label for="tab3"><img src="/images/s4.png" alt="" class="img-fluid" /> Company Name 3</label>

				<section id="content1">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card" >
										<div class="card-body p-0">
											<img src="/images/s1.png" alt="" class="img-fluid" />
											<img src="/images/s2.png" alt="" class="img-fluid" />
											<img src="/images/s3.png" alt="" class="img-fluid" />
											<h3 class="mb-md-4">项目介绍</h3>
											<h5 class="my-3 card-title" data-aos="fade-left">制作与2020年9月20日-2020年10月5日</h5>
											<p class="card-text" data-aos="fade-left">该项目是帮助超市进行物品采购，以及物品出卖，还有帮助管理超市会员，能够让工作更加便利，更大的减少人力成本。</p>
											<p class="card-text" data-aos="fade-left">我在其中的任务是负责会员登记系统、会员列表统计系统、会员充值系统、会员刷卡系统。</p>
											<p class="card-text" data-aos="fade-left">使用的技术有mybatis，Spring,数据库为mysql。	</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<section id="content2">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card">
										<div class="card-body p-0">
											<img src="/images/s4.png" alt="" class="img-fluid" />
											<img src="/images/s5.png" alt="" class="img-fluid" />
											<img src="/images/s6.png" alt="" class="img-fluid" />
											<h3 class="mb-md-4">项目介绍</h3>
											<h5 class="my-3 card-title" data-aos="fade-left">制作与2020年9月20日-2020年10月5日</h5>
											<p class="card-text" data-aos="fade-left">该项目是帮助超市进行物品采购，以及物品出卖，还有帮助管理超市会员，能够让工作更加便利，更大的减少人力成本。</p>
											<p class="card-text" data-aos="fade-left">我在其中的任务是负责会员登记系统、会员列表统计系统、会员充值系统、会员刷卡系统。</p>
											<p class="card-text" data-aos="fade-left">使用的技术有mybatis，Spring,数据库为mysql。	</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<section id="content3">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card">
										<div class="card-body p-0">
											<img src="/images/s2.png" alt="" class="img-fluid" />
											<img src="/images/s3.png" alt="" class="img-fluid" />
											<img src="/images/s4.png" alt="" class="img-fluid" />
											<h3 class="mb-md-4">项目介绍</h3>
											<h5 class="my-3 card-title" data-aos="fade-left">制作与2020年9月20日-2020年10月5日</h5>
											<p class="card-text" data-aos="fade-left">该项目是帮助超市进行物品采购，以及物品出卖，还有帮助管理超市会员，能够让工作更加便利，更大的减少人力成本。</p>
											<p class="card-text" data-aos="fade-left">我在其中的任务是负责会员登记系统、会员列表统计系统、会员充值系统、会员刷卡系统。</p>
											<p class="card-text" data-aos="fade-left">使用的技术有mybatis，Spring,数据库为mysql。	</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

			</div>
		</div>
	</div>
</section>
<!-- //process -->


<!-- quote -->
<section class="quote py-5">
	<div class="container py-lg-5">
		<div class="row">
			<div class="col-lg-8">
				<h5>Java工程师</h5>
				<h4>完成软件的设计、开发、测试、修改bug等工作，包括业务需求的沟通，功能模块详细设计，业务功能实现与单元测试，系统维护；
					参与产品构思和架构设计；
					撰写相关的技术文档；
					支持售前技术服务；
					支持项目对产品的应用服务。</h4>
			</div>
		</div>
	</div>
</section>
<!-- //quote -->

<!-- portfolio -->
<section class="portfolio py-5" id="portfolio">
	<div class="container py-lg-5">
<!--		<p class="paragraph">我的计划</p>-->
		<h3 class="heading mb-sm-5 mb-4">展示</h3>
		<div class="row">
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio1.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">简历</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="/resume"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio2.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">增删改查</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="http://www.lanmeng.ltd:8081/"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio3.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 3</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio4.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 4</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio5.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 5</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio1.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 6</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio2.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 7</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="/images/portfolio3.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Portfolio 8</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-search"></i></a></li>
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //portfolio -->

<!--&lt;!&ndash;clients&ndash;&gt;-->
<!--
<section class="client py-5" id="testimonials">
  <div class="container py-lg-5">
		<p class="paragraph">what clients say</p>
		<h3 class="heading mb-sm-5 mb-4">Testimonials</h3>
		  <div class="row client-slider-slide">
			<div class="col-lg-6 col-md-6 w3layouts-txt-says mb-md-0 mb-5">
			  <div class="clients-info-grid">
				<p>Mauris elementum tortor a nisl aliquet fringilla. Donec elit ut risus augue. Proin sit amet maximus dui. Vivamus lacinia nisi tempor
				ligula sagittis vehicula adipiscing. </p>
				<div class="row">
					<div class="col-lg-2 col-3 pr-0 img-position mt-3">
					  <img src="images/t1.png" alt="" class="img-fluid">
					</div >
					<div class=" col-lg-10 col-9 clients-txt-info">
					  <h4 class="mt-4">John Herd</h4>
					  <p>Graphic Designer</p>
					</div>
				  </div>
			  </div>
			</div>
			<div class="col-lg-6 col-md-6 w3layouts-txt-says">
			  <div class="clients-info-grid">
				<p>Mauris elementum tortor a nisl aliquet fringilla. Donec elit ut risus augue. Proin sit amet maximus dui. Vivamus lacinia nisi tempor
				ligula sagittis vehicula adipiscing. </p>
				<div class="row">
					<div class="col-lg-2 col-3 pr-0 img-position mt-3">
					  <img src="images/t2.png" alt="" class="img-fluid">
					</div >
					<div class="col-lg-10 col-9 clients-txt-info">
					  <h4 class="mt-4">Mickey</h4>
					  <p>Graphic Designer</p>
					</div>
				  </div>
			  </div>
			</div>
		  </div>
	</div>
</section>
-->
<!--//clients-->

<!-- Contact -->
<section class="contact py-5" id="contact">
	<div class="container py-lg-5">
		<p class="paragraph">和我联系</p>
		<h3 class="heading mb-sm-5 mb-4">联系方式</h3>
		<div class="contact-form">
			<div class="row">
				<div class="col-lg-8">
					<form name="contactform" id="contactform" method="post" action="/contact/insertcontact" onsubmit="return(validate());" novalidate="novalidate">
						<div class="row">
							<div class="form-group col-md-6 ">
							  <label>名字</label>
							  <input type="text" class="form-control" id="name" placeholder="名字" name="sname">
							</div>
							<div class="form-group col-md-6">
							  <label>Email</label>
							  <input type="email" class="form-control" id="email" placeholder="Email" name="semail">
							</div>
							<div class="form-group col-md-6">
							  <label>手机</label>
							  <input type="text" class="form-control" id="phone" placeholder="手机号" name="sphone">
							</div>
							<div class="form-group col-md-6">
								<label>微信</label>
								<input type="text" class="form-control" id="subject" placeholder="微信号" name="swx">
							</div>
							<div class="form-group col-12">
								<label>留言</label>
								<textarea class="form-control" id="iq" placeholder="在线留言" name="sly"></textarea>
							</div>
							<button type="submit" class="btn btn-default">Submit </button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //Contact -->		
		
<!-- footer -->
<footer class="py-lg-5 py-4">
	<div class="container">
		<div class="row">
			<div class="col-lg-2">
				<h3 class="wthree-logo mt-3">
					<a href="index.html" id="logoLink1"><span class="fa fa-adjust"></span> <span>岚</span>氓</a>
				</h3>
			</div>
			<div class="col-lg-7 my-lg-0 my-4">
				<p><span class="fa mr-2 fa-map-marker"></span>河南省周口市</p>
				<p class="mt-2"><span class="fa mr-2 fa-envelope"></span>jiazhuang0119@qq.com, <span class="fa ml-3 mr-2 fa-phone"></span>159-0119-5061</p>
			</div>
			<div class="col-lg-3 copy-right p-0 text-lg-right">

			</div>
		</div>
	</div>
</footer>
<!-- //footer -->

<!-- copyright -->
<div class="copyright py-3 text-center">
	<div class="container">
		<p class="my-2">制作与2020年11月7日</p>
		<a href="http://beian.miit.gov.cn/">豫ICP备2020032503号</a>
	</div>
</div>
<!-- copyright -->

<!-- move top -->
<div class="move-top text-right">
	<a href="#home" class="move-top"> 
		<span class="fa fa-angle-up  mb-3" aria-hidden="true"></span>
	</a>
</div>
<!-- move top -->

</body>
</html>